.common-drawer__content {
    user-select: none;

    .common-editor-tab-wrapper {
        // margin-top: 24px;

        .item-content-editor,
        .item-content-auth {
            margin-top: 8px;

            .common-list {
                .common-wrapper {
                    border: 1px solid #e4e5e7;
                    border-radius: 6px;
                    overflow: hidden;

                    +.common-wrapper {
                        margin-top: 6px;
                    }

                    .header {
                        padding: 0 16px;
                        background: #f5f6f7;
                        height: 36px;
                        line-height: 36px;
                        display: flex;
                        justify-content: space-between;
                        align-items: center;

                        span {
                            color: #1f2329;
                            font-weight: 600;
                        }

                        .arco-icon {
                            cursor: pointer;

                            &:hover {
                                color: #3370ff;
                            }
                        }
                    }

                    // .main-content {
                    // }

                    .sub-content {
                        padding: 0 16px 10px;

                        .sub-content-top-line {
                            border-top: 1px solid #dee0e3;
                        }

                        p {
                            padding-top: 10px;
                            color: #1f2329;
                            font-size: 14px;
                            font-weight: 600;
                            margin-bottom: 8px;

                            span {
                                color: #8f959e;
                                font-weight: 400;
                                font-size: 13px;
                            }
                        }

                        .arco-form-item {
                            margin-bottom: 0;
                        }

                        .assignee-box {
                            display: flex;
                            align-items: center;
                            justify-content: space-between;

                            .assignee-list {
                                flex: 1;
                                margin-left: 10px;
                                display: flex;
                                flex-wrap: wrap;
                                gap: 4px;

                                .arco-tag {
                                    height: 28px;
                                }
                            }
                        }
                    }

                    .radio-group {
                        padding: 10px 16px;
                        width: 100%;

                        .arco-radio {
                            margin-right: 2px;
                        }
                    }
                }
            }

            .add-operator {
                margin-top: 8px;
            }

            .item-wrap {
                +.item-wrap {
                    margin-top: 24px;
                }
            }

            .common-null-select-box {
                margin-top: 8px;
            }

            .auth-list {
                display: flex;
                flex-direction: column;

                .auth-item {
                    margin-top: 10px;
                }
            }

            .more-info {
                line-height: 20px;
                color: #646a73;

                p {
                    position: relative;
                    padding-left: 10px;
                    margin-top: 8px;

                    &::before {
                        content: "";
                        width: 4px;
                        height: 4px;
                        position: absolute;
                        top: 9px;
                        left: 0;
                        border-radius: 2px;
                        background: #3370ff;
                    }
                }
            }
        }
    }

    .arco-radio-group-button {
        width: 100%;

        .arco-radio-button {
            flex: 1;
            text-align: center;
        }
    }

    .item-key-wrapper {
        .item-key {
            color: #1f2329;
            font-weight: 600;
        }
    }

    .item-content {
        margin-top: 8px;
    }
}

.switch-container {
    user-select: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    margin: 0 12px;

    .select-tip {
        color: #646a73;
    }
}
.fd-setting-box {

    display: flex;
    justify-content: center;
    overflow-y: auto;
    height: 100%;
  
    .setting-main-panel {
      background-color: #fff;
      width: 600px;
      border-radius: var(--border-radius-large);
      display: flex;
      justify-content: center;
      padding: 24px 20px 0;
      height: 100%;
      overflow: hidden;
      overflow-y: auto;
  
      .setting-name {
        width: 94px;
        color: #1f2329;
        font-size: 14px;
        font-weight: 550;
        line-height: 22px;
        flex-shrink: 0;
        flex-grow: 0;
        margin-bottom: 10px;
      }
    }
  }